/**
 * 假如说我们已经 有一个http服务器，我想集成打包文件的功能
 */

let express = require('express');
let app = express();
const webpack = require('webpack');
//什么是express中间件
const webpackDevMiddleware = require('webpack-dev-middleware');
const config = require('./webpack.config');
//马上会讲 compiler就是webpack编译对象
const compiler = webpack(config);
//这个中间间获取 到compiler对象后，会根据webpack.config.js配置文件要求开始进行编译，并且可以返回产出的文件
// index.html main.js
//这个地方可以写业务 ，放后台的业务 ，提供后台接口
app.get('/api/users2',(req,res)=>{
    res.json({data:'users2'});
});
//前后端同时开发，放在一个项目里面
//这个就是静态文件中间件.前端项目
app.use(webpackDevMiddleware(compiler,config.devServer));

app.get('/main.js',(req,res)=>{
    res.json({data:'main.js'});
});
app.get('/api/after',(req,res)=>{
    res.json({data:'after'});
});
app.listen(3000);